const state = {
  BardefaultSetting: {
    tooltip: {},
    legend: { show: true, top: "5%", textStyle: { color: "#9D9CAF" } },
    xAxis: {
      show: true,
      name: "",
      position: "bottom",
      nameTextStyle: {
        // 名称样式
        fontSize: 12,
        color: "#9D9CAF",
        padding: 10,
      },
      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
      axisLabel: {
        show: true,
        color: "#9D9CAF", // 更改坐标轴文字颜色
        fontSize: 12,
        margin: 10,
      },
      axisLine: {
        show: true, // 是否显示坐标轴轴线
        symbol: ["none", "none"], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
        // symbolSize: [10, 15], // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
        lineStyle: {
          color: "#ffffff", // 坐标轴线线的颜色
          width: "2", // 坐标轴线线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      axisTick: {
        show: true, // 是否显示坐标轴刻度
        alignWithLabel: true, //设置x轴刻度线与x轴文字对齐的
        // inside: true, // 坐标轴刻度是否朝内，默认朝外
        length: 5, // 坐标轴刻度的长度
        lineStyle: {
          color: "#FFF", // 刻度线的颜色
          width: 2, // 坐标轴刻度线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      splitLine: {
        show: false, // 是否显示分隔线。默认数值轴显示，类目轴不显示
        // interval: "0", // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        // color分隔线颜色，可设置单个颜色，也可设置颜色数组，分隔线会按数组中颜色顺序依次循环设置颜色
        color: ["#cccccc"],
        width: 2, // 分隔线线宽
        type: "dashed", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
      },
    },
    yAxis: {
      show: true,
      name: "",
      position: "left",
      nameTextStyle: {
        // 名称样式
        fontSize: 12,
        color: "#9D9CAF",
        padding: 10,
      },
      axisLabel: {
        show: true,
        color: "#9D9CAF", // 更改坐标轴文字颜色
        fontSize: 12,
        margin: 10,
      },
      axisLine: {
        show: true, // 是否显示坐标轴轴线
        symbol: ["none", "none"], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
        // symbolSize: [10, 15], // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
        lineStyle: {
          color: "#9D9CAF", // 坐标轴线线的颜色
          width: "2", // 坐标轴线线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      axisTick: {
        show: true, // 是否显示坐标轴刻度
        alignWithLabel: true, //设置x轴刻度线与x轴文字对齐的
        // inside: true, // 坐标轴刻度是否朝内，默认朝外
        length: 5, // 坐标轴刻度的长度
        lineStyle: {
          color: "#9D9CAF", // 刻度线的颜色
          width: 2, // 坐标轴刻度线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      splitLine: {
        show: true, // 是否显示分隔线。默认数值轴显示，类目轴不显示
        // interval: "0", // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        // color分隔线颜色，可设置单个颜色，也可设置颜色数组，分隔线会按数组中颜色顺序依次循环设置颜色
        color: ["#9D9CAF"],
        width: 2, // 分隔线线宽
        type: "dashed", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
      },
    },
    grid: {
      left: "5%",
      right: "5%",
      bottom: "5%",
      top: "20%",
      containLabel: true,
    },
    series: [
      {
        name: "data1",
        type: "bar",
        data: [23, 24, 18, 25, 27, 28, 25],
        barWidth: "none",
        itemStyle: {
          color: "#5C90F7",
          borderRadius: [0, 0, 0, 0],
        },
        label: {
          show: true, //设置这个就会把值显示在图表上
          color: "#ffffff", //字的颜色
          fontSize: 12,
          position: "top",
        },
      },
      {
        name: "data2",
        type: "bar",
        barWidth: "none",
        data: [23, 24, 18, 25, 27, 28, 25],
        itemStyle: {
          color: "#9CF9B6",
          borderRadius: [0, 0, 0, 0],
        },
        label: {
          show: true, //设置这个就会把值显示在图表上
          color: "#ffffff", //字的颜色
          fontSize: 12,
          position: "top",
        },
      },
    ],
  },
  BarXDefaultSetting: {
    tooltip: {},
    legend: { show: true, top: "5%", textStyle: { color: "#9D9CAF" } },
    xAxis: {
      show: true,
      name: "",
      type: "value",
      position: "bottom",
      nameTextStyle: {
        // 名称样式
        fontSize: 12,
        color: "#9D9CAF",
        padding: 10,
      },
      axisLabel: {
        show: true,
        color: "#9D9CAF", // 更改坐标轴文字颜色
        fontSize: 12,
        margin: 10,
      },
      axisLine: {
        show: true, // 是否显示坐标轴轴线
        symbol: ["none", "none"], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
        // symbolSize: [10, 15], // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
        lineStyle: {
          color: "#ffffff", // 坐标轴线线的颜色
          width: "2", // 坐标轴线线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      axisTick: {
        show: true, // 是否显示坐标轴刻度
        alignWithLabel: true, //设置x轴刻度线与x轴文字对齐的
        // inside: true, // 坐标轴刻度是否朝内，默认朝外
        length: 5, // 坐标轴刻度的长度
        lineStyle: {
          color: "#FFF", // 刻度线的颜色
          width: 2, // 坐标轴刻度线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      splitLine: {
        show: false, // 是否显示分隔线。默认数值轴显示，类目轴不显示
        // interval: "0", // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        // color分隔线颜色，可设置单个颜色，也可设置颜色数组，分隔线会按数组中颜色顺序依次循环设置颜色
        color: ["#cccccc"],
        width: 2, // 分隔线线宽
        type: "dashed", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
      },
    },
    yAxis: {
      type: "category",
      show: true,
      name: "",
      position: "left",
      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
      nameTextStyle: {
        // 名称样式
        fontSize: 12,
        color: "#9D9CAF",
        padding: 10,
      },
      axisLabel: {
        show: true,
        color: "#9D9CAF", // 更改坐标轴文字颜色
        fontSize: 12,
        margin: 10,
      },
      axisLine: {
        show: true, // 是否显示坐标轴轴线
        symbol: ["none", "none"], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
        // symbolSize: [10, 15], // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
        lineStyle: {
          color: "#9D9CAF", // 坐标轴线线的颜色
          width: "2", // 坐标轴线线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      axisTick: {
        show: true, // 是否显示坐标轴刻度
        alignWithLabel: true, //设置x轴刻度线与x轴文字对齐的
        // inside: true, // 坐标轴刻度是否朝内，默认朝外
        length: 5, // 坐标轴刻度的长度
        lineStyle: {
          color: "#9D9CAF", // 刻度线的颜色
          width: 2, // 坐标轴刻度线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      splitLine: {
        show: true, // 是否显示分隔线。默认数值轴显示，类目轴不显示
        // interval: "0", // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        // color分隔线颜色，可设置单个颜色，也可设置颜色数组，分隔线会按数组中颜色顺序依次循环设置颜色
        color: ["#9D9CAF"],
        width: 2, // 分隔线线宽
        type: "dashed", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
      },
    },
    grid: {
      left: "5%",
      right: "5%",
      bottom: "5%",
      top: "20%",
      containLabel: true,
    },
    series: [
      {
        name: "data1",
        type: "bar",
        data: [23, 24, 18, 25, 27, 28, 25],
        barWidth: "none",
        itemStyle: {
          color: "#5C90F7",
          borderRadius: [0, 0, 0, 0],
        },
        label: {
          show: true, //设置这个就会把值显示在图表上
          color: "#ffffff", //字的颜色
          fontSize: 12,
          position: "right",
        },
      },
      {
        name: "data2",
        type: "bar",
        barWidth: "none",
        data: [45, 40, 30, 50, 45, 58, 12],
        itemStyle: {
          color: "#9CF9B6",
          borderRadius: [0, 0, 0, 0],
        },
        label: {
          show: true, //设置这个就会把值显示在图表上
          color: "#ffffff", //字的颜色
          fontSize: 12,
          position: "right",
        },
      },
    ],
  },
  LineDefaultSetting: {
    tooltip: {},
    legend: { show: true, top: "5%", textStyle: { color: "#9D9CAF" } },
    xAxis: {
      show: true,
      name: "",
      position: "bottom",
      nameTextStyle: {
        // 名称样式
        fontSize: 12,
        color: "#9D9CAF",
        padding: 10,
      },
      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
      axisLabel: {
        show: true,
        color: "#9D9CAF", // 更改坐标轴文字颜色
        fontSize: 12,
        margin: 10,
      },
      axisLine: {
        show: true, // 是否显示坐标轴轴线
        symbol: ["none", "none"], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
        // symbolSize: [10, 15], // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
        lineStyle: {
          color: "#ffffff", // 坐标轴线线的颜色
          width: "2", // 坐标轴线线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      axisTick: {
        show: true, // 是否显示坐标轴刻度
        alignWithLabel: true, //设置x轴刻度线与x轴文字对齐的
        // inside: true, // 坐标轴刻度是否朝内，默认朝外
        length: 5, // 坐标轴刻度的长度
        lineStyle: {
          color: "#FFF", // 刻度线的颜色
          width: 2, // 坐标轴刻度线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      splitLine: {
        show: false, // 是否显示分隔线。默认数值轴显示，类目轴不显示
        // interval: "0", // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        // color分隔线颜色，可设置单个颜色，也可设置颜色数组，分隔线会按数组中颜色顺序依次循环设置颜色
        color: ["#cccccc"],
        width: 2, // 分隔线线宽
        type: "dashed", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
      },
    },
    yAxis: {
      show: true,
      name: "",
      position: "left",
      nameTextStyle: {
        // 名称样式
        fontSize: 12,
        color: "#9D9CAF",
        padding: 10,
      },
      axisLabel: {
        show: true,
        color: "#9D9CAF", // 更改坐标轴文字颜色
        fontSize: 12,
        margin: 10,
      },
      axisLine: {
        show: true, // 是否显示坐标轴轴线
        symbol: ["none", "none"], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
        // symbolSize: [10, 15], // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
        lineStyle: {
          color: "#9D9CAF", // 坐标轴线线的颜色
          width: "2", // 坐标轴线线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      axisTick: {
        show: true, // 是否显示坐标轴刻度
        alignWithLabel: true, //设置x轴刻度线与x轴文字对齐的
        // inside: true, // 坐标轴刻度是否朝内，默认朝外
        length: 5, // 坐标轴刻度的长度
        lineStyle: {
          color: "#9D9CAF", // 刻度线的颜色
          width: 2, // 坐标轴刻度线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      splitLine: {
        show: true, // 是否显示分隔线。默认数值轴显示，类目轴不显示
        // interval: "0", // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        // color分隔线颜色，可设置单个颜色，也可设置颜色数组，分隔线会按数组中颜色顺序依次循环设置颜色
        color: ["#9D9CAF"],
        width: 2, // 分隔线线宽
        type: "dashed", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
      },
    },
    grid: {
      left: "5%",
      right: "5%",
      bottom: "5%",
      top: "20%",
      containLabel: true,
    },
    series: [
      {
        name: "data1",
        type: "line",
        data: [23, 24, 18, 25, 27, 28, 25],
        symbol: "circle", //设定为实心点
        symbolSize: 6, //标记大小
        color: "#5C90F7",
        lineStyle: {
          width: 2,
          type: "solid",
        },
        label: {
          show: true, //设置这个就会把值显示在图表上
          color: "#ffffff", //字的颜色
          fontSize: 12,
          position: "top",
        },
      },
      {
        name: "data2",
        type: "line",
        data: [15, 20, 16, 21, 23, 22, 25],
        symbol: "circle", //设定为实心点
        symbolSize: 6, //标记大小
        color: "#9CF9B6",
        lineStyle: {
          width: 2,
          type: "solid",
        },
        label: {
          show: true, //设置这个就会把值显示在图表上
          color: "#ffffff", //字的颜色
          fontSize: 12,
          position: "top",
        },
      },
    ],
  },
  pieDefaultSetting: {
    tooltip: {
      trigger: "item",
    },
    legend: {
      show: true,
      top: "auto",
      left: "auto",
      right: "auto",
      bottom: "auto",
      orient: "vertical",
      textStyle: { color: "#9D9CAF" },
    },
    series: [
      {
        name: "Access From",
        type: "pie",
        radius: ["40%", "70%"],
        avoidLabelOverlap: false,
        itemStyle: {
          borderRadius: 10,
          borderColor: "#fff",
          borderWidth: 2,
        },
        label: {
          show: false,
          position: "center",
        },
        emphasis: {
          label: {
            show: true,
            fontSize: "40",
            fontWeight: "bold",
          },
        },
        labelLine: {
          show: false,
        },
        data: [
          { value: 1048, name: "Mon" },
          { value: 735, name: "Tue" },
          { value: 580, name: "Wed" },
          { value: 484, name: "Thu" },
          { value: 300, name: "Fri" },
          { value: 100, name: "Sat" },
          { value: 200, name: "Sun" },
        ],
      },
    ],
  },
  // pieDefaultSetting: {
  //   tooltip: {
  //     trigger: "item",
  //   },
  //   legend: {
  //     show: true,
  //     top: "auto",
  //     left: "auto",
  //     right: "auto",
  //     bottom: "auto",
  //     orient: "vertical",
  //     textStyle: { color: "#9D9CAF" },
  //   },
  //   series: [
  //     {
  //       name: "Access From",
  //       type: "pie",
  //       radius: ["40%", "70%"],
  //       avoidLabelOverlap: false,
  //       itemStyle: {
  //         borderRadius: 10,
  //         borderColor: "#fff",
  //         borderWidth: 0,
  //       },
  //       label: {
  //         show: false,
  //         position: "center",
  //       },
  //       emphasis: {
  //         label: {
  //           show: true,
  //           fontSize: "40",
  //           fontWeight: "bold",
  //         },
  //       },
  //       //引导线样式设置
  //       labelLine: {
  //         show: false,
  //       },
  //       data: [
  //         { value: 1048, name: "Mon" },
  //         { value: 735, name: "Tue" },
  //         { value: 580, name: "Wed" },
  //         { value: 484, name: "Thu" },
  //         { value: 300, name: "Fri" },
  //       ],
  //     },
  //     {
  //       name: "Access From",
  //       type: "pie",
  //       radius: ["40%", "70%"],
  //       avoidLabelOverlap: false,
  //       itemStyle: {
  //         borderRadius: 10,
  //         borderColor: "#fff",
  //         borderWidth: 0,
  //       },
  //       label: {
  //         show: true,
  //         formatter: "{b} : {c}台  ",
  //       },
  //       emphasis: {
  //         label: {
  //           show: true,
  //           fontSize: "40",
  //           fontWeight: "bold",
  //         },
  //       },
  //       //引导线样式设置
  //       labelLine: {
  //         smooth: 0,
  //         length: 20,
  //         length2: 40,
  //       },
  //       data: [
  //         { value: 1048, name: "Mon" },
  //         { value: 735, name: "Tue" },
  //         { value: 580, name: "Wed" },
  //         { value: 484, name: "Thu" },
  //         { value: 300, name: "Fri" },
  //       ],
  //     },
  //   ],
  // },
  mapDefaultSetting: {
    tooltip: {
      trigger: "item",
    },
    roamController: {
      show: true,
      x: "right",
      mapTypeControl: {
        beijing: true,
      },
    },
    series: [
      {
        name: "地市名称",
        type: "map",
        map: "北京" /* // 自定义扩展图表类型 */,
        roam: false,
        label: {
          show: true, //是否显示市区名字
        },
        itemStyle: {
          borderWidth: 0.2 /* //区域边框宽度 */,
          borderColor: "#009fe8" /* //区域边框颜色 */,
          areaColor: "#ffefd5",
        },
        emphasis: {
          areaColor: "#FFFFFF",
        },
      },
    ],
  },
  pieCircleDefaultSetting: {
    //  提示框组件
    tooltip: {
      //是否显示提示框组件，包括提示框浮层和 axisPointe
      show: false,
      // 触发类型: item:数据项触发，axis：坐标轴触发
      trigger: "item",
      formatter: "{a} <br/>{b}: {c} ({d}%)",
    },
    series: [
      {
        // 系列名称，用于tooltip的显示，legend 的图例筛选，在 setOption 更新数据和配置项时用于指定对应的系列。
        name: "任务进度",
        type: "pie",
        // 饼图的半径，数组的第一项是内半径，第二项是外半径
        radius: ["50%", "70%"],
        // 是否启用防止标签重叠策略，默认开启
        avoidLabelOverlap: false,
        hoverAnimation: false,
        // 标签的视觉引导线样式，在 label 位置 设置为'outside'的时候会显示视觉引导线
        labelLine: {
          normal: {
            show: false,
          },
        },
        data: [
          {
            // 数据值
            value: 50,
            // 数据项名称
            name: "完成率",
            //该数据项是否被选中
            selected: false,
            // 单个扇区的标签配置
            label: {
              normal: {
                // 是显示标签
                show: true,
                position: "center",
                fontSize: 20,
                // 标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 \n 换行
                formatter: "{d}%",
              },
            },
          },
          {
            value: 100,
            label: {
              normal: {
                show: false,
              },
            },
          },
        ],
      },
    ],
  },
  lineAreaDefaultSetting: {
    tooltip: {
      trigger: "axis",
      axisPointer: {
        type: "cross",
        label: {
          backgroundColor: "#6a7985",
        },
      },
    },
    legend: { show: true, top: "5%", textStyle: { color: "#9D9CAF" } },
    grid: {
      left: "5%",
      right: "5%",
      bottom: "5%",
      top: "20%",
      containLabel: true,
    },
    xAxis: [
      {
        type: "category",
        boundaryGap: false,
        data: [
          "08：00",
          "10:00",
          "12:00",
          "14:00",
          "16:00",
          "18:00",
          "20:00",
          "22:00",
          "24:00",
        ],
        show: true,
        name: "",
        position: "bottom",
        nameTextStyle: {
          // 名称样式
          fontSize: 12,
          color: "#9D9CAF",
          padding: 10,
        },
        axisLabel: {
          show: true,
          color: "#9D9CAF", // 更改坐标轴文字颜色
          fontSize: 12,
          margin: 10,
        },
        axisLine: {
          show: true, // 是否显示坐标轴轴线
          symbol: ["none", "none"], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
          // symbolSize: [10, 15], // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
          lineStyle: {
            color: "#ffffff", // 坐标轴线线的颜色
            width: "2", // 坐标轴线线宽
            type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
          },
        },
        axisTick: {
          show: true, // 是否显示坐标轴刻度
          alignWithLabel: true, //设置x轴刻度线与x轴文字对齐的
          // inside: true, // 坐标轴刻度是否朝内，默认朝外
          length: 5, // 坐标轴刻度的长度
          lineStyle: {
            color: "#FFF", // 刻度线的颜色
            width: 2, // 坐标轴刻度线宽
            type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
          },
        },
        splitLine: {
          show: false, // 是否显示分隔线。默认数值轴显示，类目轴不显示
          // interval: "0", // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
          // color分隔线颜色，可设置单个颜色，也可设置颜色数组，分隔线会按数组中颜色顺序依次循环设置颜色
          color: ["#cccccc"],
          width: 2, // 分隔线线宽
          type: "dashed", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
    ],
    yAxis: [
      {
        type: "value",
        show: true,
        name: "",
        position: "left",
        nameTextStyle: {
          // 名称样式
          fontSize: 12,
          color: "#9D9CAF",
          padding: 10,
        },
        axisLabel: {
          show: true,
          color: "#9D9CAF", // 更改坐标轴文字颜色
          fontSize: 12,
          margin: 10,
        },
        axisLine: {
          show: true, // 是否显示坐标轴轴线
          symbol: ["none", "none"], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
          // symbolSize: [10, 15], // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
          lineStyle: {
            color: "#9D9CAF", // 坐标轴线线的颜色
            width: "2", // 坐标轴线线宽
            type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
          },
        },
        axisTick: {
          show: true, // 是否显示坐标轴刻度
          alignWithLabel: true, //设置x轴刻度线与x轴文字对齐的
          // inside: true, // 坐标轴刻度是否朝内，默认朝外
          length: 5, // 坐标轴刻度的长度
          lineStyle: {
            color: "#9D9CAF", // 刻度线的颜色
            width: 2, // 坐标轴刻度线宽
            type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
          },
        },
        splitLine: {
          show: true, // 是否显示分隔线。默认数值轴显示，类目轴不显示
          // interval: "0", // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
          // color分隔线颜色，可设置单个颜色，也可设置颜色数组，分隔线会按数组中颜色顺序依次循环设置颜色
          color: ["#9D9CAF"],
          width: 2, // 分隔线线宽
          type: "dashed", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
    ],
    series: [
      {
        name: "进场",
        type: "line",
        stack: "总量",
        smooth: true,
        symbol: "circle", //设定为实心点
        symbolSize: 6, //标记大小
        color: "#5C90F7",
        lineStyle: {
          width: 2,
          type: "solid",
        },
        label: {
          show: true, //设置这个就会把值显示在图表上
          color: "#ffffff", //字的颜色
          fontSize: 12,
          position: "top",
        },
        areaStyle: {
          opacity: 0.6,
          color: "#3D5D4F",
        },
        emphasis: {
          focus: "series",
        },
        data: [140, 232, 101, 264, 90, 340, 250, 220, 100],
      },
      {
        name: "出场",
        type: "line",
        stack: "总量",
        smooth: true,
        symbol: "circle", //设定为实心点
        symbolSize: 6, //标记大小
        color: "#9CF9B6",
        lineStyle: {
          width: 2,
          type: "solid",
        },
        label: {
          show: true, //设置这个就会把值显示在图表上
          color: "#ffffff", //字的颜色
          fontSize: 12,
          position: "top",
        },
        areaStyle: {
          opacity: 0.6,
          color: "#2F4557",
        },
        emphasis: {
          focus: "series",
        },
        data: [120, 282, 111, 234, 220, 340, 310, 220, 80],
      },
    ],
  },
  gaugeDefaultSetting: {
    series: [
      {
        type: "gauge",
        center: ["50%", "50%"],
        startAngle: 180,
        endAngle: 0,
        min: 0,
        max: 100,
        splitNumber: 10,
        itemStyle: {
          color: "#1198D5",
          shadowColor: "rgba(0,138,255,0.45)",
          shadowBlur: 10,
          shadowOffsetX: 2,
          shadowOffsetY: 2,
        },
        progress: {
          show: true,
          roundCap: true,
          width: 18,
        },
        pointer: {
          icon: "path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z",
          length: "75%",
          width: 16,
          offsetCenter: [0, "5%"],
        },
        axisLine: {
          roundCap: true,
          lineStyle: {
            width: 18,
          },
        },
        axisTick: {
          splitNumber: 2,
          lineStyle: {
            width: 2,
            color: "#999",
          },
        },
        splitLine: {
          length: 12,
          lineStyle: {
            width: 3,
            color: "#999",
          },
        },
        axisLabel: {
          distance: 30,
          color: "#999",
          fontSize: 14,
        },
        title: {
          show: false,
        },
        detail: {
          backgroundColor: "#171E28",
          borderColor: "#999",
          borderWidth: 2,
          width: "80%",
          lineHeight: 30,
          height: 30,
          borderRadius: 8,
          offsetCenter: [0, "35%"],
          valueAnimation: true,
          formatter: function (value) {
            return "{value|" + value.toFixed(1) + "}{unit|%}";
          },
        },
        data: [
          {
            value: 100,
          },
        ],
      },
    ],
  },
  totalDefaultSetting: {
    legend: {
      data: [
        {
          name: "运行",
          icon: "rect",
          itemStyle: {
            color: "#91CC75",
          },
          textStyle: {
            color: "#7C8387",
          },
        },
        {
          name: "空闲",
          icon: "rect",
          itemStyle: {
            color: "#FF9F03",
          },
          textStyle: {
            color: "#7C8387",
          },
        },
        {
          name: "停机",
          icon: "rect",
          itemStyle: {
            color: "#EE6666",
          },
          textStyle: {
            color: "#7C8387",
          },
        },
        {
          name: "关机",
          // 强制设置图形为矩形。
          icon: "rect",
          itemStyle: {
            color: "#30383F",
          },
          textStyle: {
            color: "#7C8387",
          },
        },
      ],
      show: true,
    },
    dataZoom: [
      {
        type: "inside",
        start: 0,
        end: 100,
        minSpan: 0.1,
      },
      {
        show: false,
        start: 0,
        end: 10,
        minSpan: 0.1,
      },
    ],
    grid: {
      left: "5%",
      right: "5%",
      bottom: "5%",
      top: "20%",
      containLabel: true,
    },
    xAxis: {
      show: true,
      name: "",
      position: "bottom",
      boundaryGap:false,
      nameTextStyle: {
        // 名称样式
        fontSize: 12,
        color: "#9D9CAF",
        padding: 10,
      },
      data: ["Mon", "Tue", "Wed", "Thu", "Fri"],
      axisLabel: {
        show: true,
        color: "#9D9CAF", // 更改坐标轴文字颜色
        fontSize: 12,
        margin: 10,
      },
      axisLine: {
        show: true, // 是否显示坐标轴轴线
        symbol: ["none", "none"], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
        // symbolSize: [10, 15], // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
        lineStyle: {
          color: "#ffffff", // 坐标轴线线的颜色
          width: "2", // 坐标轴线线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      axisTick: {
        show: false, // 是否显示坐标轴刻度
        alignWithLabel: false, //设置x轴刻度线与x轴文字对齐的
        // inside: true, // 坐标轴刻度是否朝内，默认朝外
        length: 5, // 坐标轴刻度的长度
        lineStyle: {
          color: "#FFF", // 刻度线的颜色
          width: 2, // 坐标轴刻度线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      splitLine: {
        show: false, // 是否显示分隔线。默认数值轴显示，类目轴不显示
        // interval: "0", // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        // color分隔线颜色，可设置单个颜色，也可设置颜色数组，分隔线会按数组中颜色顺序依次循环设置颜色
        color: ["#cccccc"],
        width: 2, // 分隔线线宽
        type: "dashed", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
      },
    },
    yAxis: {
      show: true,
      name: "",
      position: "left",
      nameTextStyle: {
        // 名称样式
        fontSize: 12,
        color: "#9D9CAF",
        padding: 10,
      },
      axisLabel: {
        show: true,
        color: "#9D9CAF", // 更改坐标轴文字颜色
        fontSize: 12,
        margin: 10,
      },
      axisLine: {
        show: false, // 是否显示坐标轴轴线
        symbol: ["none", "none"], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
        // symbolSize: [10, 15], // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
        lineStyle: {
          color: "#9D9CAF", // 坐标轴线线的颜色
          width: "2", // 坐标轴线线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      axisTick: {
        show: false, // 是否显示坐标轴刻度
        alignWithLabel: true, //设置x轴刻度线与x轴文字对齐的
        // inside: true, // 坐标轴刻度是否朝内，默认朝外
        length: 5, // 坐标轴刻度的长度
        lineStyle: {
          color: "#9D9CAF", // 刻度线的颜色
          width: 2, // 坐标轴刻度线宽
          type: "solid", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        },
      },
      splitLine: {
        show: false, // 是否显示分隔线。默认数值轴显示，类目轴不显示
        // interval: "0", // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        // color分隔线颜色，可设置单个颜色，也可设置颜色数组，分隔线会按数组中颜色顺序依次循环设置颜色
        color: ["#9D9CAF"],
        width: 2, // 分隔线线宽
        type: "dashed", // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
      },
    },
    series: [
      {
        name: "关机",
        type: "line",
        stack: "Total",
        smooth: true,
        lineStyle: {
          width: 0,
        },
        showSymbol: false,
        areaStyle: {
          opacity: 1,
          color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
            { offset: 0, color: "#6C7476" },
            { offset: 0.3, color: "#30383F" },
            { offset: 0.7, color: "#30383F" },
            { offset: 1, color: "#6C7476" },
          ]),
        },
        data: [10, 11, 10, 11, 10],
      },
      {
        name: "停机",
        type: "line",
        stack: "Total",
        smooth: true,
        lineStyle: {
          width: 0,
        },
        showSymbol: false,
        areaStyle: {
          opacity: 1,
          color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
            { offset: 0, color: "#D14646" },
            { offset: 0.3, color: "#ED4848" },
            { offset: 0.7, color: "#ED4848" },
            { offset: 1, color: "#D14646" },
          ]),
        },
        emphasis: {
          focus: "series",
        },
        data: [11, 10, 11, 10, 11],
      },
      {
        name: "空闲",
        type: "line",
        stack: "Total",
        smooth: true,
        lineStyle: {
          width: 0,
        },
        showSymbol: false,
        areaStyle: {
          opacity: 0.8,
          color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
            { offset: 0, color: "#FFC134" },
            { offset: 0.3, color: "#FF9F03" },
            { offset: 0.7, color: "#FF9F03" },
            { offset: 1, color: "#FFC134" },
          ]),
        },
        emphasis: {
          focus: "series",
        },
        data: [10, 11, 10, 11, 10],
      },
      {
        name: "运行",
        type: "line",
        stack: "Total",
        smooth: true,
        lineStyle: {
          width: 0,
        },
        showSymbol: false,
        areaStyle: {
          opacity: 0.9,
          color: "#148A59",
        },
        emphasis: {
          focus: "series",
        },
        data: [11, 10, 11, 10, 11],
      },
    ],
  },
};
const actions = {};
const mutations = {
  BAR_DEFAULT_SETTING: (state, BardefaultSetting) => {
    state.BardefaultSetting = BardefaultSetting;
  },
  BAR_X_DEFAULT_SETTING: (state, BarXDefaultSetting) => {
    state.BarXDefaultSetting = BarXDefaultSetting;
  },
  LINE_DEFAULT_SETTING: (state, LineDefaultSetting) => {
    state.LineDefaultSetting = LineDefaultSetting;
  },
  PIE_DEFAULT_SETTING: (state, pieDefaultSetting) => {
    state.pieDefaultSetting = pieDefaultSetting;
  },
  Map_DEFAULT_SETTING: (state, mapDefaultSetting) => {
    state.mapDefaultSetting = mapDefaultSetting;
  },
  PIECIRCLE_DEFAULT_SETTING: (state, pieCircleDefaultSetting) => {
    state.pieCircleDefaultSetting = pieCircleDefaultSetting;
  },
  GAUGE_DEFAULT_SETTING: (state, gaugeDefaultSetting) => {
    state.gaugeDefaultSetting = gaugeDefaultSetting;
  },
};
export default {
  namespaced: true,
  state,
  mutations,
  actions,
};
